<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>服务器错误 - 七牛云盘系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/error.css">
</head>
<body>
    <div class="container mt-5">
        <div class="error-container">
            <div class="error-code error-500">500</div>
            <div class="error-message" th:text="${error != null ? error : '服务器内部错误'}">服务器内部错误</div>
            <p class="text-center mb-4" th:text="${friendlyMessage != null ? friendlyMessage : '系统遇到了问题，请稍后再试'}">系统遇到了问题，请稍后再试</p>
            
            <div class="d-flex justify-content-center gap-2 mb-3">
                <a href="/" class="btn btn-primary">返回首页</a>
                <a href="/diagnose" class="btn btn-outline-secondary">诊断页面</a>
                <a href="/diagnose/upload" class="btn btn-outline-info">上传测试页面</a>
            </div>
            
            <!-- 诊断建议 -->
            <div class="qiniu-diagnose">
                <h5>七牛云连接问题？</h5>
                <p>系统在连接七牛云服务时可能遇到了问题。以下是一些常见解决方案：</p>
                <ul>
                    <li>检查七牛云的AK、SK和Bucket配置是否正确</li>
                    <li>确认七牛云存储空间是否可用</li>
                    <li>网络连接是否稳定，或者是否存在防火墙限制</li>
                    <li>检查七牛云账户是否有足够的权限和配额</li>
                    <li>访问<a href="https://portal.qiniu.com/create" target="_blank">七牛云控制台</a>确认服务状态</li>
                </ul>
                <p>如果问题持续存在，请尝试使用<a href="/diagnose">诊断工具</a>来获取更多信息。</p>
            </div>
            
            <!-- 显示报错详情 -->
            <div class="mt-4 bg-light p-3 rounded" th:if="${trace != null}">
                <h5 class="text-muted fs-6">错误详情：</h5>
                <pre class="error-trace" th:text="${trace}"></pre>
            </div>
        </div>
    </div>
</body>
</html>